.demo {
	padding: 8px;
	width: 24%;
}

.demo a {
	width: 100%;
}

.demo a img {
	width: 100%;
	height:56px;
	display: block;
}

.demo a div {
	width: 100%;
}
.hui-swipe-item{height:170px;}
.hui-img-list-content {
	box-sizing: border-box;
}

.hui-img-list-content h1 {
	text-align: center;
	font-size: 12px;
}
.hui-flex {
    padding: 0 4px;
}
.hui-media-list li{
	margin:0;
	border-bottom: 1px solid #ccc;
}
.hui-media-content{
	position: relative;
}
.hui-media-content span{
	position: absolute;
	right: 0;
	top:45%;
	 display: inline-block;
    width: 40px;
    background: #3388FF;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 3px 0;
    font-size: 12px;
}

.hui-media-list-img img{width:70px;height:60px;}
.hui-media-content h1{width:80%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hui-media-content div{
	width:80%;
	height:34px;
	overflow:hidden; 

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2; 
}
.hui-img-list-content{padding: 8px 0px 10px 0px;}
